

"use client"
import { useEffect } from 'react';
import Image from 'next/image';
import logo from '@/assets/img/logo.png';

import tel from '@/assets/img/tel.png'
import xImg from '@/assets/img/x.png'
import email from '@/assets/img/email.png'


const Footer = () => {


  const menuArr = [
    {  name: 'Home' },
    { name: 'Docs' },
    { to: '/ecosystem', name: 'Ecosystem' }
  ]

  useEffect(()=>{
    
  },[])

  const goWeb = (url: string) => {
    return
    if (url) {
      window.open(url, "_blank");
    } 
  };

  return <div className='footer_box'>
      <div className='content'>
        <div>
          <Image src={logo} alt="" />
          <p>FOLLOW US</p>
          <ul>
            <li onClick={()=>goWeb('x')}><Image src={tel} alt=""  title="telegram" /></li>
            <li ><Image src={xImg} alt=""  title="twitter" /></li>
            <li><Image src={email} alt=""  title="email" /></li>
            {/* <li><a href="mailto:db@dibase.io" title='db@dibase.io'><Image src={email} alt="email" /></a></li> */}
          </ul>
        </div>
        <div className='footer_menu'>
          {
            menuArr.map((item,idx)=> <div key={idx}>
              <h3>{item.name}</h3>
              {/* <div>Something</div>
              <div>Something</div>
              <div>Something</div> */}
            </div> )
          }
          <div>
            <h3><a title="Testnet" href="https://dashboard.tokchain.org">Testnet</a></h3>
          </div>
        </div>
      </div>
      
        
      <div className='bot_txt'>@2024 TOK.All rights reserved.</div>
  </div>
}

export default Footer;